﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Arwani._Default" %>
<%@ Register Src="header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<%@ Register Src="CopyRight.ascx" TagName="CopyRight" TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Arwani Trading</title>

  <link href="css/style.css" rel="stylesheet" type="text/css" /> 
<style type="text/css"> 
    /* Scroller Box */
    #scroller_container1 {
	height:345px;
	overflow: hidden;
        top: -27px;
        left: 0px;
    }
/* CSS Hack Safari */
    #dummy {
;
#
}
#scroller_container1 {
	overflow: auto;
        width: 646px;
        margin-top: 0px;
    }
  
/* Scoller Box */
</style>
<script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jscroller.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.jshowoff.min.js"></script>
<script type="text/javascript" src="kb-plugin/js/jquery.js"></script>
<!--<link type="text/css" rel="stylesheet" href="css/style.css">-->
<script type="text/javascript" src="kb-plugin/js/jquery.easing.js"></script>
<script type="text/javascript" src="kb-plugin/js/jquery.themepunch.kenburn.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/style2.css">
</head>
<body>
<form id="form1" runat="server">
  <div id="main">
   
     <uc1:header ID="header1" runat="server" />
    <div id="content">
      <div> <img src="images/spacer.gif" width="1" height="7" alt="wood tools in dubai" /></div>
      <div class="mainslider">
        <div class="col_1">
          <div align="center"> <img src="images/new_logo.png" width="213" height="230" alt="trading company in dubai" /></div>
          <div> <img src="images/spacer.gif" width="1" height="35" alt="power tools in dubai" /></div>
          <div class="b_descr">
            <h3> WELCOME</h3>
            <p> Welcome to Arwani Trading, your source of consumables, tools, equipment, and machinery in the UAE.
 
We hope you find our website interactive and easy to use, and we look forward to receiving your feedback.</p>
          </div>
        </div>
        <div class="col_2 banner">
          <div class="bannercontainer centerme dark" style="width:577px; height:395px; overflow:hidden">
            <ul>
            <%=BannerHTML %>
<%--              <li data-transition="fade" data-startalign="right,bottom" data-zoom="in" data-zoomfact="3" data-endalign="center,top" data-panduration="12" data-colortransition="4"><img alt="Waterjet Cutting Machines in dubai" src="HomeSliders/slide1.jpg" />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>
              <li data-transition="slide" data-startalign="right,top" data-zoom="out" data-zoomfact="1.5" data-endalign="left,bottom" data-panduration="8" data-colortransition="4"><img alt="hardware tools in dubai" src="HomeSliders/slide2.jpg"  />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>
              <li data-transition="slide" data-startalign="left,bottom" data-zoom="in" data-zoomfact="3" data-endalign="center,center" data-panduration="8" data-colortransition="4"><img alt="welding and cutting machine in dubai" src="HomeSliders/slide3.jpg" />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>
              <li data-transition="fade" data-startalign="right,top" data-zoom="out" data-zoomfact="1.2" data-endalign="left,bottom" data-panduration="11" data-colortransition="4"><img alt="Drilling Machines in uae" src="HomeSliders/slide4.jpg" />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>
              <li data-transition="fade" data-startalign="center,top" data-zoom="in" data-zoomfact="1.6" data-endalign="center,bottom" data-panduration="12" data-colortransition="4"><img alt="Wood Blades in dubai" src="HomeSliders/slide5.jpg" />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>
              <li data-transition="fade" data-startalign="right,bottom" data-zoom="in" data-zoomfact="3" data-endalign="center,top" data-panduration="12" data-colortransition="4"><img alt="wooding machine in dubai" src="HomeSliders/slide6.jpg" />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>
              <li data-transition="slide" data-startalign="right,top" data-zoom="out" data-zoomfact="1.5" data-endalign="left,bottom" data-panduration="8" data-colortransition="4"><img alt="Air compressors in dubai" src="HomeSliders/slide7.jpg"  />
                <div class="creative_layer">
                  <div class="cp-left faderight">
                    <p class="cp-title">&nbsp; </p>
                    <div class="clear"> </div>
                  </div>
                </div>
              </li>--%>
            </ul>
          </div>
          <script type="text/javascript">
$(document).ready(function () {
    $.noConflict();
    jQuery('.bannercontainer').kenburn({
        thumbWidth: 50,
        thumbHeight: 50,
        thumbAmount: 7,
        thumbStyle: "both",
        thumbVideoIcon: "off",
        thumbVertical: "bottom",
        thumbHorizontal: "center",
        thumbXOffset: 0,
        thumbYOffset: 40,
        bulletXOffset: 0,
        bulletYOffset: -16,
        hideThumbs: "on",
        touchenabled: 'on',
        pauseOnRollOverThumbs: 'off',
        pauseOnRollOverMain: 'on',
        preloadedSlides: 2,
        timer: 7,
        debug: "off",
        ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
        //												 Google Fonts !!											 //
        // local GoogleFont JS from your server: http://www.yourdomain.com/kb-plugin/js/jquery.googlefonts.js		 //
        // GoogleFonts from Original Source: http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js or https:... // 
        //			PT+Sans+Narrow:400,700																			//
        /////////////////////////////////////////////////////////////////////////////////////////////////////////////
        googleFonts: 'Oswald',
        googleFontJS: 'kb-plugin/js/jquery.googlefonts.js'
    });
    jQuery('.tnone').click(function () {
        jQuery('.tbull').removeClass('selected');
        jQuery('.tthumb').removeClass('selected');
        jQuery('.tnone').addClass('selected');
        jQuery('.tauto').removeClass('selected');
        jQuery('.kenburn_thumb_container').css({
            'visibility': 'hidden'
        });
        jQuery('.thumbbuttons').css({
            'visibility': 'hidden'
        });
    });
    jQuery('.tthumb').click(function () {
        jQuery('.tbull').removeClass('selected');
        jQuery('.tauto').removeClass('selected');
        jQuery('.tthumb').addClass('selected');
        jQuery('.tnone').removeClass('selected');
        jQuery('.kenburn_thumb_container').css({
            'visibility': 'visible'
        });
        jQuery('.thumbbuttons').css({
            'visibility': 'hidden'
        });
        jQuery('body').addClass('tp_showthumbsalways');
        jQuery('.kenburn_thumb_container').animate({
            'opacity': 1
        }, {
            duration: 300,
            queue: false
        });
    });
    jQuery('.tauto').click(function () {
        jQuery('.tauto').addClass('selected');
        jQuery('.tthumb').removeClass('selected');
        jQuery('.tnone').removeClass('selected');
        jQuery('.tbull').removeClass('selected');
        jQuery('body').removeClass('tp_showthumbsalways');
        jQuery('.kenburn_thumb_container').css({
            'visibility': 'visible'
        });
        jQuery('.thumbbuttons').css({
            'visibility': 'hidden'
        });
        setTimeout(function () {
            jQuery('.kenburn_thumb_container').animate({
                'opacity': 0
            }, {
                duration: 300,
                queue: false
            });
        }, 100);
    });
    jQuery('.tbull').click(function () {
        jQuery('.tbull').addClass('selected');
        jQuery('.tauto').removeClass('selected');
        jQuery('.tthumb').removeClass('selected');
        jQuery('.tnone').removeClass('selected');
        jQuery('.kenburn_thumb_container').css({
            'visibility': 'hidden'
        });
        jQuery('.thumbbuttons').css({
            'visibility': 'visible'
        });
    });
    jQuery('body').addClass('tp_showthumbsalways');
    jQuery('.tthumb').click();
});

</script> 
          <!--<div id="div_slider">
            <div id='coin-slider'> <%=BannerHTML %> </div>
          </div>--> 
        </div>
        <div class="clear"> </div>
      </div>
      <div class="clear"> </div>
    </div>
    <div> <img src="images/spacer.gif" width="1" height="7" alt="power tools in dubai" /></div>
    <h2> CHOOSE A DIVISION </h2>
    <div class="prolist">
      <asp:DataList ID="dtDivisions" runat="server" RepeatColumns="3">
        <ItemTemplate>
          <ul>
            <li>
              <div class="thumb">
                <asp:ImageButton ID="imgDivLeft" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"divisionid") %>'
                                    runat="server" CommandName="View" ImageUrl='<%#getImage("Divisions","Thumb_",DataBinder.Eval(Container.DataItem,"divisionpic")) %>'
                                    Width="258" Height="258" CausesValidation="False" AlternateText="trading company in dubai" />
              </div>
              <h3> <a href="Brands.aspx?divid=<%#DataBinder.Eval(Container.DataItem,"divisionid") %>"> <%#DataBinder.Eval(Container.DataItem,"divisiontitle") %></a>
              <%--<asp:HyperLink ID="hlTitle" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"divisiontitle") %>' NavigateUrl='<%#GenerateURL(DataBinder.Eval(Container.DataItem,"divisiontitle"),DataBinder.Eval(Container.DataItem,"divisionid"))%>'></asp:HyperLink> --%>                       </h3>
            </li>
          </ul>
        </ItemTemplate>
      </asp:DataList>
      <div class="clear"> </div>
    </div>
    <div> <img src="images/spacer.gif" width="1" height="7" alt="welding tools in uae" /></div>
    <div class="brandpanel">
      <div>
        <h2>
          <div class="col_1"> Our Brands </div>
          <div class="col_2"> Features Products</div>
          <div class="clear"> </div>
        </h2>
      </div>
      <div class="brndcolm">
        <div class="col_1">
          <div class="brandlist"> 
          
            <div id="scroller_container1" style="position: relative;"> <% =strbrands %></>
            
                  <!--  <div class="jscroller2_left jscroller2_speed-10 jscroller2_ignoreleave jscroller2_mousemove jscroller2_dynamic"
                                style="font-size: 60px; line-height: 60px; white-space: nowrap; margin: 0; overflow: hidden;
                                position: relative; padding-left: 1px; top: 0px; left: 0px;"> <%=strBrands %> </div>
              <div class="jscroller2_left_endless"> <%=strBrands %> </div> -->
            </div> 
            <div class="clear"> </div>
          </div>
        </div>
        <div class="col_2">
          <div class='feat_pro'>
            <div id="div_coin_slider"> <%=strFeaturedHTML %></div>
            <div class='clear'></div>
          </div>
        </div>
        <div class="clear"> </div>
      </div>
      <div id="footer">
        <uc2:Footer ID="Footer1" runat="server" />
      </div>
      <uc3:CopyRight ID="CopyRight1" runat="server" />
    </div>
  </div>
</form>
<script type="text/javascript" language="javascript">
        //        function showHide_DIV() {
        //            // $('#divFooter').toggle('slow');
        //            $('#divFooter').show();
        //        }
        //        function showAboutCompany() {
        //            $('#div_section_1').show();
        //            $('#div_section_2').hide();
        //            $('#li_contact_us').removeClass('active');
        //            $('#li_company').addClass('active');
        //        }
        //        function showContactUs() {
        //            $('#div_section_2').show();
        //            $('#div_section_1').hide();
        //            $('#li_company').removeClass('active');
        //            $('#li_contact_us').addClass('active');
        //        }
         $(document).ready(function () {
            $('#div_slider').coinslider({ effect: '', opacity: 0.7, links: false, delay: 2200, navigation: true, opacity: 0.7, width: 577, height: 395, hoverPause: false });
            $('#div_coin_slider').jshowoff({
                links: false,
                controls: false,
                effect: 'fade',
                cssClass: 'basicFeatures',
                hoverPause: true,
                speed: 850
            });
        });
    </script>
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-38443887-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>